﻿<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>点歌平台</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="css/style.css">

</head>
<body>
  
<section>
  <h1>三三零三工厂技工学校-在线点歌平台</h1>
  
    <div class="form-group">
      <input id="name" type="text" id="basic-form-first-name" name="name" placeholder="歌名">
      <label for="basic-form-first-name">歌名</label>
    </div>
    <div class="form-group">
      <input id="age" type="text" id="basic-form-last-name" name="age" placeholder="作者">
      <label for="basic-form-last-name">作者</label>
    </div>
    <div class="form-group">
      <input id="diangename" type="text" id="basic-form-last-name" name="diangename" placeholder="您的姓名(可选)">
      <label for="basic-form-last-name">您的姓名(可选)</label>
    </div>
    <button id="basic-form-submit" type="submit" onclick="post()">提交</button>
    
</section>
<script src="../163kaka/js/jquery.min.js"></script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<script>
function post(){
    
    $.ajax({            //几个参数需要注意一下

                type: "get",//方法类型

                dataType: "text",//预期服务器返回的数据类型

                url: "wait.php" ,//url

                data: 'name='+document.getElementById('name').value+'&age='+document.getElementById('age').value+'&diangename='+document.getElementById('diangename').value,               

                success: function (result) {                   


                    if (result == 200) {

                        alert("提交成功!");

                    }
                    
                    if (result == 202) {

                        alert("不能提交空的表单!");

                    }
                    
                    if (result == 201) {

                        alert("你已经提交过了!");

                    }

                    ;

                },               

                error : function() {

                    alert("提交失败");

                }

            });
            
}
</script>
<a href="https://beian.miit.gov.cn">琼ICP备2021004706号</a>
<br>
<a href="doc/GMT_0004-2012.pdf">传输加密执行标准: GM/T 004-2012</a>
<a href="doc/kaiyuan">源代码开放</a>
<div id="cc-myssl-id" style="position: fixed;right: 0;bottom: 0;width: 65px;height: 65px;z-index: 99;">
    <a href="https://myssl.com/api.mc244.com?from=mysslid"><img src="https://static.myssl.com/res/images/myssl-id.png" alt="" style="width:100%;height:100%"></a>
</div>
<div title="MySSL 安全签章" id="myssl_seal" onclick="window.open('https://myssl.com/seal/detail?domain=api.mc244.com','MySSL安全签章','height=800,width=470,top=0,right=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')" style="text-align: center"><img src="https://sealres.myssl.com/seal/img/2x/seal.png?domain=api.mc244.com" alt="MySSL 安全签章" style="width: 100px; height: auto"></div>

<div title="TrustAsia 安全签章" id="myssl_seal" onclick="window.open('https://seal.trustasia.com/seal/detail?domain=api.mc244.com','TrustAsia 安全签章','height=800,width=470,top=0,right=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')" style="text-align: center"><img src="https://sealres.trustasia.com/seal/img/1x/seal.png?domain=api.mc244.com" alt="TrustAsia 安全签章" style="width: 130px;height: auto; cursor: pointer"></div>
</body>
</html>